@import './const.scss';

div,
p,
span,
a {
  padding: 0;
  margin: 0;
}

.sg-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: $z-index-normal;
  background-color: $color-mask;
}

.sg-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sg-flex {
  display: flex;
  flex-direction: row;
}
.sg-flex-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  .sg-flex-one {
    overflow: hidden;
  }
}
.sg-flex-one {
  flex: 1;
}
.sg-flex-two {
  flex: 2;
}
.sg-flex-three {
  flex: 3;
}
.sg-flex-five {
  flex: 5;
}

button {
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  &:focus {
    outline: none;
  }
}

.iconfont {
  font-size: $size-icon;
}
